<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 
        textarea内不能直接使用图片
    -->
    <meta charset="UTF-8">
    <title>景观照明官网</title>
    <link rel="stylesheet" href="css/index.css" />
</head>
<body>
    <!-- 导航栏头部开始 -->
    <div class="nav_hd">
        <div class="nav_hd_title">
            <a href="#" class="language en">ENGLISH</a>
            <a href="#" class="language zh">中文</a>
            <a href="#" class="nav_link">加入收藏</a>
            <a href="#" class="nav_link">设为首页</a>
        </div>
    </div>
    <!-- 导航栏头部结束 -->
    <!-- 导航栏主体开始 -->
    <div class="nav_bd">
        <div class="img"></div>
        <div class="nav_bd_title">
            <a href="#">主页</a>
            <a href="#">关于恩同时也</a>
            <a href="#">应用领域</a>
            <a href="#">照明趋势</a>
            <a href="#">活动与新闻</a>
            <a href="#">联系与支持</a>
        </div>
        <div class="search">
            <input type="text" class="input_box"/>
            <input type="image" src="images/nav_inco.png" class="input_img" />
        </div>
    </div>
    <!-- 导航栏主体结束 -->
    <!-- banner开始 -->
    <div class="banner">
        <div class="btn_box">
            <div class="br_right"><img src="images/right_icon.png" /></div>
            <div class="br_left"><img src="images/left_icon.png" /></div>
            <div class="br_link"></div>
        </div>
        <div class="br_footer">
            <ul>
                <li class="brfr_left"></li>
                <li class="brfr_center"></li>
                <li class="brfr_right"></li>
            </ul>
        </div>
    </div>
    <!-- banner结束 -->
    <!-- 新闻资讯部分开始 -->
    <div class="main">
        <div class="main_hd">
            <div class="mh_icon"></div>
            <div class="mh_title">与您分享最新OEM产品，应用与精彩案例</div>
            <img src="images/hot.png" class="mh_img" />
            <div class="mh_time">2018-11-14</div>
        </div>
        <div class="main_bd">
            <ul>
                <li class="car">
                    <img src="images/car.jpg" />
                    <h4>汽车介绍</h4>
                    <p>在缺乏光线的情况下，如天气不佳或天色...</p>
                    <a href="#">浏览更多信息</a>
                </li>
                <li class="motorcycle">
                    <img src="images/motorcycle.jpg" />
                    <h4>摩托车介绍</h4>
                    <p>与其他道路使用者相比，摩托车驾驶者更...</p>
                    <a href="#">浏览更多信息</a>
                </li>
                <li class="van">
                    <img src="images/van.jpg" />
                    <h4>货车介绍</h4>
                    <p>飞利浦一直以来不断投身研究与...</p>
                    <a href="#">浏览更多信息</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 新闻资讯部分结束 -->
    <!-- 联系我们部分开始 -->
    <div class="contact clearfix">
        <div>
            <h4>关于恩同时也</h4>
            <ul>
                <li><a href="#">产品手册</a></li>
                <li><a href="#">LED照明</a></li>
                <li><a href="#">OEM产品</a></li>
                <li><a href="#">特殊照明</a></li>
            </ul>
        </div>
        <div>
            <h4>应用领域</h4>
            <ul>
                <li><a href="#">精彩案例</a></li>
                <li><a href="#">照明应用</a></li>
                <li><a href="#">绿色照明</a></li>
                <li><a href="#">灵感世界</a></li>
            </ul>
        </div>
        <div>
            <h4>照明趋势</h4>
            <ul>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">客服热线</a></li>
                <li><a href="#">设计助手</a></li>
                <li><a href="#">照明社区</a></li>
            </ul>
        </div>
        <div>
            <h4>活动与新闻</h4>
            <ul>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">客服热线</a></li>
                <li><a href="#">设计助手</a></li>
                <li><a href="#">照明社区</a></li>
            </ul>
        </div>
        <div>
            <h4>联系与支持</h4>
            <ul>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">客服热线</a></li>
                <li><a href="#">设计助手</a></li>
                <li><a href="#">照明社区</a></li>
            </ul>
        </div>
        <div class="contact_img">
            <img src="images/contact_logo.png" />
        </div>
        <!-- <div></div>     清除浮动1：额外标签法 -->
    </div>
    <!-- 联系我们结束 -->
    <!-- 页脚开始 -->
    <div class="footer">
        <div>
            <div class="copyright">2013  深圳市地大装饰股份有限公司 版权所有</div>
            <div class="friend_link">
                <ul>
                    <li><a href="#" class="left">菩提网络</a></li>
                    <li><a href="#" class="center">菩提网络</a></li>
                    <li><a href="#" class="right">菩提网络</a></li>
                    <li><p>友情链接：</p></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 页脚结束 -->
</body>
</html>
